<template>
	<div class="main-content">
		<div class="main-content-inner">

			<!-- 面包屑 -->
			<div class="breadcrumbs ace-save-state" id="breadcrumbs">
				<ul class="breadcrumb">
					<li>
						<router-link to="/">
							<i class="ace-icon fa fa-home home-icon"></i>
						</router-link>
					</li>

					<li v-for="item in breadcrumb" :key="item.index">{{item}}</li>

				</ul><!-- /.breadcrumb -->
			</div>

			<!-- 子路由页面 -->
			<div class="page-content">
				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<!-- <keep-alive> -->
							<router-view />
						<!-- </keep-alive> -->
						<!-- PAGE CONTENT ENDS -->
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div><!-- /.page-content -->
		</div>
	</div><!-- /.main-content -->
</template>

<script>
export default{
	name: 'mainContent',
	props: {
		breadcrumb: Array
	}
}
</script>

<style>
</style>
